<template>
		<div class="setting">
			
		<div class='head'>
            <p class='title-icon'>
            	<a class='iconfont icon-jiantouzuo' href="javascript:history.go(-1)"></a>
            </p>
            <p class='title-text'>设置</p>
            <p class="title-null"></p>
        </div>
        
        <div class="setting-box">
        	<p>
        		<router-link  class="flex" to='/information'>
        			<span class="icon-span iconfont icon-geren-"></span>
        			<span class="text-span">个人资料</span>
        			<span class="right-span iconfont icon-iconfontjiantouyou"></span>
        		</router-link>
        	</p>
        	<p >
        		<router-link class="flex" to='/changepass'>
	        		<span class="icon-span iconfont icon-mima"></span>
	        		<span class="text-span">修改密码</span>
	        		<span class="right-span iconfont icon-iconfontjiantouyou"></span>
        		</router-link>
        	</p>
        	<p>
        		<router-link class="flex" to='/forgetpass'>
        			<span class="icon-span iconfont icon-anquan"></span>
        			<span class="text-span">密保设置</span>
        			<span class="right-span iconfont icon-iconfontjiantouyou"></span>
        		</router-link>
        		
        	</p>
        </div>
		
		<div class="setting-box">
        	<p>
        		<router-link  class="flex" to='/Feedback'>
        			<span class="icon-span iconfont icon-xinxi"></span>
        			<span class="text-span">意见反馈</span>
        			<span class="right-span iconfont icon-iconfontjiantouyou"></span>
        		</router-link>
        	</p>
        	<p class="flex">
        		<span class="icon-span iconfont icon-baggageRecheck-copy"></span>
        		<span class="text-span">检查更新</span>
        		<span class="right-span iconfont icon-iconfontjiantouyou"></span>
        	</p>
        </div>
        
        <div class="setting-box">
        	<p class="flex">
        		<span class="icon-span iconfont icon-jinlingyingcaiwangtubiao74"></span>
        		<span class="text-span flex">
        			<span class="flex-1">清除缓存</span><span class="gray">2.4M</span>
        		</span>
        		<span class="right-span iconfont icon-iconfontjiantouyou"></span>
        	</p>
        </div>
        
        
        <div class="setting-box">
        	<p class="flex">
        		<span class="icon-span iconfont icon-guanji"></span>
        		<span class="text-span">退出登录</span>
        		<span class="right-span iconfont icon-iconfontjiantouyou"></span>
        	</p>
        </div>
		
		</div>
</template>

<script>
</script>

<style scoped>
	.gray{
		color: #CCCCCC;
	}
	.setting-box{
		margin-top:20px ;
		background-color: white;
	}
	.setting-box > p{
		height: 40px;
		line-height: 40px;
		border-bottom: 1px #EBEBEB solid;
	}
	.flex{
		display: flex;
	}
	.icon-span{
		flex: 1;
		text-align: center;
		color: #CCCCCC;
		font-size: 1.4rem;
	}
	.text-span{
		flex: 8;
		color: black;
	}
	.right-span{
		flex: 1;
		color: #CCCCCC;
	}
	.flex-1{
		flex: 1;
	}
	@media (max-width:320px ) {
		.icon-span{
			font-size: 1.2rem;
		}	
	}

</style>